var video = $("video").get(0); //获取元素对象:把jquery 对象转化为dom对象

//设置时间函数
function formatTime(time) {
    console.log("格式化时间");
    console.log(time);
    var h = Math.floor(time / 3600); //每小时3600秒
    var m = Math.floor(time % 3600 / 60); //%取余运算获得的是以秒为单位的时间分钟
    var s = Math.floor(time % 60); //秒
    return (h < 10 ? "0" + h : h) + ":" + (m < 10 ? "0" + m : m) + ":" + (s < 10 ? "0" + s : s);
}

//1.显示时间:可以播放视频事件发生，绑定事件显示函数
video.oncanplay = function() {
    $("video").show(); //show是jquery的方法
    console.log(video.duration); // 视频长度
    var totalTime = formatTime(video.duration);

    //让时间显示在网页中
    $(".total").html(totalTime);
}

//2.播放暂停按钮实现
$(".switch").on("click", function() {
    if ($(this).hasClass("fa-play")) { //播放
        video.play(); //播放视频
        console.log("播放");
        $(this).addClass("fa-pause").removeClass("fa-play");
    } else {
        video.pause(); //暂停播放
        console.log("暂停");
        $(this).addClass("fa-play").removeClass("fa-pause");
    }
})